import Vue from 'vue' // 默认不包含模板编译器
import App from './App.vue'

new Vue({
  data () {
    return {
      msg: 'atguigu'
    }
  },
  // render: h => h(App)
  // 需要内部有编译器来编译当前模板生成render函数
  // 问题: 引入的默认不包含模板编译器 => 就会报错
  // 解决: 引入带编译器的vue

  // 问题: 为什么组件中的template没问题?
  // 原因: 因为webpack打包时, 已经利用vue-loader对vue组件文件中模板编译为render

  template: `
    <div id="app" name="xxx">
      <p>{{msg}}</p>
      <span>abc</span>
    </div>
  `
  // template: `<App></App>`,
  // components: {
  //   App
  // }
}).$mount('#app')
